<!DOCTYPE html>                                     
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>欢迎👏</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		
	</head>
	<body>
		<!--//欢迎页-->
		<!-- Swiper -->
	    <div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide" style="background-image:url(./images/slidebg-1.png)">
	            		<img src="./images/hide.png" alt="" id="hide" />
	            		<div class="slide-1">
	            			<img src="./images/triangle-1.png" alt="" class="ani triangle-1" swiper-animate-effect="bounceIn" swiper-animate-duration="2s"/>
	            		</div>
	            		<div class="slide-1">
	            			<img src="./images/triangle-2.png" alt="" class="ani triangle-2" swiper-animate-effect="bounceIn" swiper-animate-duration="2s" swiper-animate-delay="0.3s"/>
	            		</div>
	            		<div class="resume">
	            			<p class="ani" class="ani triangle-2" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s">个人简历</p>
	            			<p class="ani" class="ani triangle-2" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">RESUME</p>
	            		</div>
	            </div>
	            <div class="swiper-slide" style="background-image:url(./images/slidebg-2.jpeg)">
	            		<div class="slide-2">
	            			<img src="./images/triangle-1.png" alt="" class="ani triangle-1" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0.5s"/>
	            		</div>
	            		<div class="slide-2">
	            			<img src="./images/triangle-2.png" alt="" class="ani triangle-2" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s"/>
	            		</div>
	            		<div class="line-1">
	            			<img src="./images/line.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="2s"/>
	            		</div>
	            		<div class="line-2">
	            			<img src="./images/line.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="2s" swiper-animate-delay="0.5s"/>
	            		</div>
	            		<div class="line-3">
	            			<img src="./images/line.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="2s" swiper-animate-delay="1s"/>
	            		</div>
	            		<div class="circle">
	            			<img src="./images/circle.png" class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="2s" swiper-animate-delay="2s"/>
	            		</div>
	            		<div class="plane">
	            			<img src="./images/plane.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="2.5s" swiper-animate-delay="0.5s"/>
	            		</div>
	            		<div class="wirte">
	            			<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.5s">
	            				人生犹如旅途，<br/>
	            				一直在路上，从停歇过
	            			</p>
	            		</div>
	            </div>
	            <div class="swiper-slide" style="background-image:url(./images/slidebg-3.jpg)">
	            		<div class="boom ani">
	            			<img src="./images/boom.png"/>
	            		</div>
	            		<div class="wall">
	            			<div class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s">
	            				<p class="ani" swiper-animate-effect="hinge" swiper-animate-duration="2s" swiper-animate-delay="4s">纵使处处碰壁</p>
	            			</div>
	            		</div>
	            		<div class="wait">
	            			<div class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2s">
	            				<p class="ani" swiper-animate-effect="rubberBand" swiper-animate-duration="1s" swiper-animate-delay="2.5s">现在就，<br/>&nbsp;&nbsp;向命运低头<br/>&nbsp;&nbsp;&nbsp;&nbsp;还为时尚早</p>
	            			</div>
	            		</div>
	            		<div class="fist">
	            			<img src="./images/fist.png" class="ani"  swiper-animate-effect="fadeInUp" swiper-animate-duration="0.3s" swiper-animate-delay="3.5s"/>
	            		</div>
	            </div>
	            <div class="swiper-slide" style="background-image:url(./images/slidebg-4.jpg);padding-top: 30px;">
	            		<p class="ani you" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.5s">你，</p>
	            		<p class="ani you" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.5s">哭过 笑过</p>
	            		<p class="ani you" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.5s">但时间不会回头</p>
	            		<p class="ani you" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="3.5s">即使错过了</p>
	            		<p class="ani you" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="4.5s">也要微笑着</p>
	            		<p class="ani you" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="5.5s">迎接下一个美好</p>
	            </div>
	            
	            <div class="swiper-slide" style="background-image:url(./images/slidebg-5.png)">
            			<img src="./images/moon.png"/ class="ani moon">
	            		<p class="ani p1" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="0s">深夜中的你</p>
	            		<p class="ani p2" swiper-animate-effect="bounceInRight" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">显得多么孤独</p>
	            		<p class="ani p3" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="3s">但也渴望那颗</p>
	            		<p class="ani p4" swiper-animate-effect="bounceInRight" swiper-animate-duration="1.5s" swiper-animate-delay="4.5s">最亮的星🌟</p>
	            </div>
	            <div class="swiper-slide" style="background-image:url(./images/slidebg-6.jpg)">
	            		<img src="./images/work.png" class="ani work" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s"/>
	            		<p class="ani work" style="padding-top: 20%;" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s">一切归于平静之后,</p>
	            		<p class="ani work" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2s">又将继续工作，学习</p>
	            </div>
	            <div class="swiper-slide">
	            		<img src="./images/road.jpg" class="ani" swiper-animate-effect="zoomInLeft" swiper-animate-duration="1s" style="width: 100%;height: 100%;"/>
	            		<div class="enter">
	            			<div class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
	            				<p class="ani" swiper-animate-effect="wobble" swiper-animate-duration="1s" swiper-animate-delay="1.5s">点击进入</p>
	            			</div>
	            		</div>
	            </div>
	        </div>
	
	
	        <!-- Add Pagination -->
	        <div class="swiper-pagination"></div>
	
	        <!-- Add Arrows -->
	        <!--<div class="swiper-button-prev"></div>
	        <div class="swiper-button-next"></div>-->
	    </div>
		
		<!--//主页面-->
		<div id="main">
			<div id="header">
				我的技能
				<!--<p>返回欢迎页</p>-->
			</div>
			<div id="wrapper">
				<div id="scroller">
					<ul>      
						<!--<li>
							<img src="../images/test.jpg" />
							<div>
								<h3>Pretty row 1</h3>
								<p>Pretty row 1Pretty row 1Pretty row Pretty row 1Pretty row Pretty row Pretty row 1Pretty rPretty row 1Pretty row 1Pretty row Pretty row 1Pretty row Pretty row Pretty row 1Pretty row 1ow 1Pretty row 1Pretty row 1Pretty row Pretty row 1Pretty row Pretty row Pretty row 1Pretty row 1</p>
							</div>
						</li>
								-->
					</ul>
				</div>
			</div>
			
			<!--<iframe id="iframe" src="./resources/skill.html" scrolling="auto" frameborder="0"></iframe>-->
			
			<div id="footer">
				<ul>
					<li class="action" link="../mock/skill.php">
						<i class="iconfont"></i>
						<span>我的技能</span>
					</li>
					<li link="./resources/project.html">
						<i class="iconfont"></i>
						<span>项目</span>
					</li>
					<li link="./resources/experience.html">
						<i class="iconfont"></i>
						<span>经历</span>
					</li>
					<li link="./resources/me.html">
						<i class="iconfont"></i>
						<span>我</span>
					</li>
				</ul>	
			</div>
		</div>
		
	</body>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>
